<template>
  <main class="flex flex-1 items-center flex-col mb-16">
    <div class="mx-auto px-4 pb-4 pt-2 sm:pt-8 sm:px-12 flex gap-3 w-full">
      <SideBar />
      <ProductList />
    </div>
  </main>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import SideBar from "@/components/SideBar/index.vue";
import ProductList from "../../components/ProductList/index.vue";
export default defineComponent({
  components: { SideBar, ProductList },
});
</script>
